<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>评论</title>
<script src="../js/jsconfigrem.js"></script>
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" href="../css/cssreset.css"/>
<link rel="stylesheet" href="css/comment.css"/>
<script src="../js/swiper-3.4.1.min.js"></script>

<script src="../js/jquery-1.8.3.min.js"></script>
<style>

</style>
</head>
<body>
    <div class="app-wrap">
        <!-- 公有头部标题  -->
        <div class="head-title">
            <div class="imgbox back-arrow">
                <a href="../index.html" class="block">
                    <img src="../publice_img/back-arrow.png" alt="">
                </a>
            </div>
            <p class="txt">评论</p>
        </div>
        <!-- 公有头部标题  -->

        <ul class="card-model">
            <li class="card-item">
                <div class="card-m-list cl">
                    <div class="left">
                        <div class="imgbox">
                            <img src="images/card09.png" alt="">
                        </div>
                    </div>
                    <div class="right">
                        <p class="text-overflow title">Terae u andt stang becing with us</p>
                        <p class="text-overflow remarks"><span>and this is web sitesite to zxing in 2016</span></p>
                    </div>
                </div>
                <div class="card-hidden">
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>
                </div>
            </li>
            <li class="card-item">
                <div class="card-m-list cl">
                    <div class="left">
                        <div class="imgbox">
                            <img src="images/r-1.jpg" alt="">
                        </div>
                    </div>
                    <div class="right">
                        <p class="text-overflow title">Terae u andt stang becing with us</p>
                        <p class="text-overflow remarks"><span>and this is web sitesite to zxing in 2016</span></p>
                    </div>
                </div>
                <div class="card-hidden">
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>
                </div>
            </li>
            <li class="card-item">
                <div class="card-m-list cl">
                    <div class="left">
                        <div class="imgbox">
                            <img src="images/04.jpg" alt="">
                        </div>
                    </div>
                    <div class="right">
                        <p class="text-overflow title">Terae u andt stang becing with us</p>
                        <p class="text-overflow remarks"><span>and this is web sitesite to zxing in 2016</span></p>
                    </div>
                </div>
                <div class="card-hidden">
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>
                    <p>I AM HIDDEN SECTION WHEN YOU CLICK ME I WILL SHOW</p>  
                </div>
            </li>
        </ul>



        <div class="nomore-endsection">
            <div class="imgbox">
                <img src="../publice_img/nomore.png" alt="">
            </div>
            <p>没有更多啦!~~</p>
        </div>
        


    </div>
    
</body>
<script>
$(".card-item").click(function(){
    // alert(1)
    $(this).find(".card-hidden").slideToggle().parent(".card-item").siblings().find(".card-hidden").slideUp();
})
</script>
<script>
</script>

</html>